window.onload = function(){
	//var tab = document.getElementById("tab"); //获取选项卡所在的盒子
	var topic = tab.getElementsByTagName("li");//获取所有选项卡
	var content = document.getElementById("content");//获取选项卡内容DIV所在的盒子
	var div = content.getElementsByTagName("div");//获取所有选项卡内容DIV
	var len = topic.length;//获取选项卡个数
	for(var i=0; i<len; i++){ //循环历遍选项卡onmouseover事件
		topic[i].index = i;//index是自定义属性
		topic[i].onmouseover = function(){ 
			for(i=0; i<len; i++){//循环历遍去掉选项卡样式并隐藏div内容
				topic[i].className = ''; //清空选项卡的样式
				div[i].className = 'hide';//隐藏所有DIV
		 }
		topic[this.index].className = 'act';//为当前选项卡添加样式
		div[this.index].className = '';//显示当前选项卡内容DIV
    };
  }
};